module.exports = {
    publicPath: './',
    chainWebpack: config => {
        // 配置生产环境使用main-prod.js
        config.when(process.env.NODE_ENV === 'production', config => {
            config.entry('app').clear().add('./src/main-prod.js');
            config.set('externals', {
                vue: 'Vue',
                'vue-router': 'VueRouter',
                axios: 'axios',
                nprogress: 'NProgress',
            });
            config.plugin('html').tap(args => {
                args[0].isProd = true;
                return args;
            });
        });
        // 配置开发环境使用main-dev.js
        config.when(process.env.NODE_ENV === 'development', config => {
            console.log('启动开发环境啦...');
            config.entry('app').clear().add('./src/main-dev.js');
            config.plugin('html').tap(args => {
                args[0].isProd = false;
                return args;
            });
        });

    },
    // 加入开发跨域配置
    devServer: {
        // 跨域代理
        proxy: {
            // 可以这样配置多个跨域配置
            '/apis': {
                target: 'http://127.0.0.1:8080/api/v1/',
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
                        实际上访问的地址是：http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api
                   */
                    '^/apis': ''
                }

            }
        }
    }
};
